// default
$headTextDefault: #fff;
$headBgDefault: #0364ff;
$menuTextDefault: #354052;
$menuBgDefault: #fff;
$bodyTextDefault: #7f8fa4;
$bodyBgDefault: #F0F2F5;

// dark
$headTextDark: #fff;
$headBgDark: #000;
$menuTextDark: #fff;
$menuBgDark: #3A3A3A;
$bodyTextDark: #354052;
$bodyBgDark: #F0F2F5;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  default: {
    headText: $headTextDefault;
    headBg: $headBgDefault;
    menuText: $menuTextDefault;
    menuBg: $menuBgDefault;
    bodyText: $bodyTextDefault;
    bodyBg: $bodyBgDefault;
  };
  dark: {
    headText: $headTextDark;
    headBg: $headBgDark;
    menuText: $menuTextDark;
    menuBg: $menuBgDark;
    bodyText: $bodyTextDark;
    bodyBg: $bodyBgDark;
  }
}
